<template>
    <div class="Banner" :style="{backgroundImage: 'url('+shops.image_hash+')'}">
        <!-- <div class="Banner" style='background-image: url("//fuss10.elemecdn.com/a/13/3797dfb3f373fb7271a3645da4772png.png?imageMogr/format/webp/");'> -->
        <!-- <img class="Banner-img" :src="" alt=""> -->
        <router-link to="/"><span class="iconfont ico">&#xe6b7;</span></router-link>
    </div>
</template>
<script>
    import axios from 'axios'
    export default {
        data() {
            return {
                data: [],
                imens: {},
                ids: ''
            }
        },
        props: {
            'shops': Object
        },
        // computed: {
        //     ss() {
        //         let reg = RegExp(/png/)
        //         let suffix = 'jpeg'
        //         console.log('sssss',this.shops.image_hash)
        //         if (reg.test(this.shops.image_hash)) {
        //             suffix = 'png'
        //         }
        //         let imgpath = `${this.shops.image_hash.slice(0,1)}/${this.shops.image_hash.slice(1,3)}/${this.shops.image_hash.slice(3)}`
        //          this.shops.image_hash = `https://fuss10.elemecdn.com/${imgpath}.${suffix}?imageMogr/format/webp/`
        //         return this.shops.image_hash
        //     }
        // }
    }
</script>
<style lang="stylus" scoped>
    .Banner
        height 24vw
        background-position 50%
        padding 1.066667vw 2.666667vw
        display flex
        position relative
        background-size cover
        background-repeat no-repeat
        .ico
            color #fff
            font-size .4rem
</style>
